<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" value="电脑">
    <input type="checkbox" name="" id="">
    <button>点击</button>
    <script>
        // 1.获取元素
        const uname = document.querySelector('input')
        // 2.获取值(获取表单元素中的值使用value属性)
        console.log(uname.value)
        // 设置值
        uname.value = '我要买电脑'
        uname.type = 'password'

        // 1.获取
        const ipt = document.querySelector('[type = "checkbox"]')
        console.log(ipt.checked)  // 默认为false，不选中
        // 接收布尔值
        ipt.checked = true

        // 1.获取
        const button = document.querySelector('button')
        console.log(button.disabled)  // 默认为false，不禁用
        button.disabled = true
    </script>
</body>

</html>